<template>
  <div>
    <el-card>
      <p style="color: rgb(122, 122, 122); font-size: 0.9em">最新文章</p>
      <article-button
        v-for="(item, index) in recommendItems"
        :key="index"
        :data="item"
      ></article-button>
    </el-card>
  </div>
</template>
<script>
import ArticleButton from "./ArticleButton.vue";
export default {
  components: {
    ArticleButton,
  },
  name: "",
  data() {
    return {
      recommendItems: [
        {
          title: {
            content: "title",
            link: "",
          },
          classify: {
            content: "sss",
            link: "",
          },
          date: "2020-01-07",
          imgSrc: "",
        },
        {
          title: {
            content: "title",
            link: "",
          },
          classify: {
            content: "sss",
            link: "",
          },
          date: "2020-01-07",
          imgSrc: "",
        },
        {
          title: {
            content: "title",
            link: "",
          },
          classify: {
            content: "sss",
            link: "",
          },
          date: "2020-01-07",
          imgSrc: "",
        },
        {
          title: {
            content: "title",
            link: "",
          },
          classify: {
            content: "sss",
            link: "",
          },
          date: "2020-01-07",
          imgSrc: "",
        },
      ],
    };
  },
  methods: {},
};
</script>
<style scoped>
</style>